body{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	color: #333;
	font-family: "微软雅黑" "楷体";
	background: linear-gradient(#8e763b,#745d25,#604912,#503a05);
}
a{
	text-decoration: none;
	color: #333;
}
.ck-head{
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(125deg,#beaf30,#b1a11d);
	line-height: 40px;
	font-size: 16px;
	color: #fff;
}
.ck-foot{
	height: 40px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(#645b0f,#554d07);
}
.ck-content{
	position: absolute;
	left: 0;
	width: 100%;
	top: 40px;
	bottom: 40px;
	right: 0;
	background: linear-gradient(#8e763b,#745d25,#604912,#503a05);
}
.box{
	background: transparent;
}
.ck-content .item{
	background: none;
	color: #fff;
	border: 0;
	border-bottom: 1px solid rgba(209,209,209,0.2);
	position: relative;
}
.ck-content .item:after{
	content: '';
	display: block;
	position: absolute;
	background:transparent;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	transform: translateY(-50%);
}
.favorite-box{
	padding: 5px 10px;
}
.favorite{
	width: 70px;
	height: 70px;
	background: pink;
	position: relative;
}
.favorite .fa-music{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	transform: translate(-50%,-50%);	
}
.favorite .fa-heart{
	display: block;
	position: absolute;
	right: 2px;
	bottom: 2px;
	color: #fff;
}


/*第二屏*/

.online-mysic{
	padding: 0px 5px;
}
.online-mysic .swiper-container{
	width: 100%;
}
.online-mysic .swiper-container img{
	width: 100%;
	
}

.swiper-pagination-bullet{
	background: #C1C1C1;
}



.kind-list{
	width: 100%;
	color: #fff;
	
}
.kind-list .col-xs-4{
	padding: 4px;
}
.kind-list p{
	padding: 8px 8px 2px 8px;
	margin: 0;
}
.kind-list a{
	padding: 0;
	color: #fff;
	display: block;
	text-align: left;
	font-size: 12px;
}

.kind-list a img{
	width: 100%;
}


/*第三屏*/
.song-search{
	position: fixed;
	left: 0;
	top: 0px;
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid rgba(209,209,209,0.2);;
}
.song-search input{
	width: 80%;
	background: rgba(209,209,209,0.1);;
	margin: 0 auto;
	padding: 0;
	padding-left:10px ;
	border-radius: 10px;
	height: 25px;
	line-height: 25px;
	border: 1px solid rgba(209,209,209,0.2);;
}

